$(function () {

    // 基于准备好的dom，初始化echarts实例   柱状图
    var myChart = echarts.init(document.getElementById('main'));
    option = {
        title : {  // 标题
            text: '2019年注册人数',
            subtext: '纯属虚构'
        },
        legend: {
            data:['人数']  //图例  对应series的name属性
        },
        xAxis: {
            type: 'category',
            data: ['一月', '二月', '三月', '四月', '五月', '六月', '七月']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            name: '人数',
            data: [120, 200, 150, 80, 70, 110, 130],
            type: 'bar'
        }]
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);

    //  饼状图
    var myChart1 = echarts.init(document.getElementById('main1'));
    option1 = {
        title : {  // 标题
            text: '热门品牌销售',
            x: 'center',  //设置该功能左中右位置
        },
        tooltip: {
            trigger: 'item',
            formatter: "{a} <br/>{b}: {c} ({d}%)"
        },
        legend: {
            orient: 'vertical',
            x: 'left',
            data:['耐克','阿迪','李宁','百威','乔丹']
        },
        series: [
            {
                name:'品牌',
                type:'pie',
                radius: ['50%', '70%'],
                avoidLabelOverlap: false,
                label: {
                    normal: {
                        show: false,
                        position: 'center'
                    },
                    emphasis: {
                        show: true,
                        textStyle: {
                            fontSize: '30',
                            fontWeight: 'bold'
                        }
                    }
                },
                labelLine: {
                    normal: {
                        show: false
                    }
                },
                data:[
                    {value:335, name:'耐克'},
                    {value:310, name:'阿迪'},
                    {value:234, name:'李宁'},
                    {value:135, name:'百威'},
                    {value:1548, name:'乔丹'}
                ]
            }
        ]
    };
    myChart1.setOption(option1);


})